<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>index</title>
    <link rel="stylesheet" href="/public/bootstrap/css/bootstrap.min.css" />
    <link rel="stylesheet" href="/public/bootstrap/js/bootstrap.min.js" />
    <style>
      .w {
        height: 50px;
      }
    </style>
  </head>

  <body>
    <div class="panel panel-primary">
      <div class="panel-heading w">
        <span class="label label-primary">unfetteredmanBlog</span>
        <a class="btn btn-success" href="/post" role="button">写博客</a>
      </div>

      <div class="panel-body">
        <!-- List group -->
        <ul class="list-group">
          {{each comments}}
          <li class="list-group-item">
            {{$value.name}}：{{$value.message}}<span class="pull-right"
              >{{$value.dateTime}}</span
            >
          </li>
          {{/each}}
        </ul>
      </div>
    </div>
  </body>
</html>
